@import '../../var.scss';
.section {
    width: 100%;
    padding: 0 30rpx;
    .title {
        padding: 30rpx 0;
        color: $info-color;
        font-size: 26rpx;
    }
    .list {
        display: grid;
        grid-gap: 30rpx 30rpx;
        grid-template-columns: repeat(auto-fill, 210rpx);
        .item {
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 210rpx;
            height: 60rpx;
            color: $text-color;
            font-size: 28rpx;
            background: rgba(244, 245, 245, 1);
            border-radius: 10rpx;
            &.active {
                color: $primary;
                background-color: rgba($color: $primary, $alpha: 0.15);
            }
            .delete {
                position: absolute;
                top: -15rpx;
                left: -15rpx;
                width: 30rpx;
                height: 30rpx;
                color: #ffffff;
                line-height: 30rpx;
                text-align: center;
                background-color: #b3b3b3;
                border-radius: 50%;
            }
            text {
                white-space: nowrap;
                text-overflow: ellipsis;
                word-break: break-word;
                overflow: hidden;
            }
        }
    }
}